<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>九宫格</title>
      <script src="./man.js"></script>
      <style>
            div{
                  background: rgb(255, 134, 206);
                  border-radius: 10px;
                  margin-top: 20px;
                  margin-left: 20px;
            }
            a{
                  text-align: center;
                  padding-top: 18px;
                  width: 200px;
                  height: 44px;
                  border-color: #000000;
                  border-style: solid;
                  border-width: 2px;
                  position: absolute;
            }
      </style>
</head>
<body id="body" onload="load()">
      
            <div class="row1">1</div>
            <div class="row1">2</div>
            <div class="row1">3</div>   
     
            <div class="row2">4</div>
            <div class="row2">5</div>
            <div class="row2">6</div>

            <div class="row3">7</div>
            <div class="row3">8</div>
            <div class="row3">9</div>
            
            <a id="start">开始闪</a>
            <a id="stop">停止闪</a>
</body>

</html>
